@font-face { font-family: 'ProximaNovaThBold'; src: url("/assets/fonts/pn-ex.eot"); src: url("/assets/fonts/pn-ex.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/pn-ex.woff") format("woff"), url("/assets/fonts/pn-ex.ttf") format("truetype"); font-weight: normal; font-style: normal; }

/* HTML5 Boilerplate  What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team.  Detailed information about this CSS: h5bp.com/css  ==|== normalize ========================================================== */
/* ============================================================================= HTML5 display definitions ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }

/* ============================================================================= Base ========================================================================== */
/* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units 2. Force vertical scrollbar in non-IE 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

body, button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666666; }

/* Remove text-shadow in selection highlight: h5bp.com/i These selection declarations have to be separate Also: hot pink! (or customize the background color to match your design) */
::-moz-selection { background: #71c9ff; color: white; text-shadow: none; }

::selection { background: #71c9ff; color: white; text-shadow: none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* ============================================================================= Typography ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ============================================================================= Lists ========================================================================== */
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* ============================================================================= Embedded content ========================================================================== */
/* 1. Improve image quality when scaled in IE7: h5bp.com/d 2. Remove the gap between images and borders on image containers: h5bp.com/e */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* Correct overflow not hidden in IE9 */
svg:not(:root) { overflow: hidden; }

/* ============================================================================= Figures ========================================================================== */
figure { margin: 0; }

/* ============================================================================= Forms ========================================================================== */
form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 1. Correct color not inheriting in IE6/7/8/9 2. Correct alignment displayed oddly in IE6/7 */
legend { border: 0; *margin-left: -7px; padding: 0; }

/* 1. Correct font-size not inheriting in all browsers 2. Remove margins in FF3/4 S5 Chrome 3. Define consistent vertical alignment display in all browsers */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */
button, input { line-height: normal; }

/* 1. Display hand cursor for clickable form elements 2. Allow styling of clickable form elements in iOS 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Remove inner padding and border in FF3/4: h5bp.com/l */
select::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner { border: 0 !important; padding: 0 !important; }

/* 1. Remove default vertical scrollbar in IE6/7/8/9 2. Allow only vertical resizing */
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* ============================================================================= Tables ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

a:active { outline: none; }

/* Headings ------------------------------------ 1. Fixes spacing and optimizes appearance 2. Sexier rendering in webkit and ios/android 
*/
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

* html { font-size: 87.5%; }

html { font-size: 14px; line-height: 1.42857em; }

a { color: #0066a4; }

a:visited { color: #005990; }

a:hover { color: #0070b3; }

a:focus { outline: thin dotted; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; text-rendering: optimizelegibility; -webkit-font-smoothing: subpixel-antialiased; }

h1.headline, h2.headline, h3.headline, h4.headline, h5.headline, h6.headline { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { display: inline-block; vertical-align: baseline; *display: inline; *vertical-align: auto; *zoom: 1; margin: -0.2em 0; font-size: .75em; }

h1 { font-size: 2.14286em; line-height: 1.33333em; }

h1.headline { line-height: 0.66667em; margin-top: 0.66667em; margin-bottom: 0.66667em; }

h2 { font-size: 1.71429em; line-height: 0.83333em; margin-top: 0.41667em; margin-bottom: 0.41667em; }

h2.headline { margin-top: 0.83333em; margin-bottom: 0.83333em; }

h3 { font-size: 1.28571em; line-height: 1.11111em; margin-top: 0.55556em; margin-bottom: 0.55556em; }

h3.headline { margin-top: 0.55556em; margin-bottom: 0.55556em; }

h4 { font-size: 1em; line-height: 1.42857em; margin-top: 0.71429em; margin-bottom: 0.71429em; }

h5 { font-size: 0.85714em; line-height: 1.66667em; }

h6 { font-size: 0.78571em; line-height: 1.81818em; text-transform: uppercase; }

/* Headings ------------------------------------
*/
p { font-size: 14px; line-height: 20px; margin-top: 0em; margin-bottom: 1.42857em; }

/* Lists ------------------------------------
*/
ul, ol { font-size: 1em; line-height: 1.42857em; margin-top: 0em; margin-bottom: 1.42857em; line-height: 1; margin-left: 1.6em; padding: 0; }

ul.block, ol.block { margin-left: 0; list-style: none; }

ul ul, ul ol, ol ul, ol ol { margin-top: 0.71429em; margin-bottom: 0.71429em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li { line-height: 1.42857em; }

.lt-ie9 li { line-height: 1.44286em; }

dl dt { font-weight: bold; }

dl dd { margin: 0.71429em 0 0.71429em 0.71429em; }

table { width: 100%; border-collapse: separate; margin-bottom: 1.42857em; }

th, td { line-height: 1.42857em; border-spacing: 0; text-align: left; border-top: 1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

tr, tbody { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

th { padding: 0.64286em 0.57143em 0.71429em; font-weight: bold; vertical-align: bottom; }

td { padding: 0.64286em 0.57143em 0.71429em; vertical-align: top; }

thead:first-child tr th, thead:first-child tr td { border-top: 0; }

tbody + tbody { border-top: 2px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html.lt-ie8 ul.inline-list li, html.lt-ie8 ol.inline-list li { display: inline; }

ul.fields, ol.fields { margin: 0; padding: 0; list-style: none; }

ul.fields li, ol.fields li { padding-top: 0em; padding-bottom: 1.42857em; display: block; }

ul.fields ul:before, ul.fields ul:after, ul.fields ol:before, ul.fields ol:after, ol.fields ul:before, ol.fields ul:after, ol.fields ol:before, ol.fields ol:after { content: ""; display: table; }

ul.fields ul:after, ul.fields ol:after, ol.fields ul:after, ol.fields ol:after { clear: both; }

ul.fields ul, ul.fields ol, ol.fields ul, ol.fields ol { zoom: 1; }

ul.fields ul li, ul.fields ol li, ol.fields ul li, ol.fields ol li { float: left; }

ul.fields ul li.clear, ul.fields ol li.clear, ol.fields ul li.clear, ol.fields ol li.clear { clear: both; }

ul.fields.columns:before, ul.fields.columns:after, ol.fields.columns:before, ol.fields.columns:after { content: ""; display: table; }

ul.fields.columns:after, ol.fields.columns:after { clear: both; }

ul.fields.columns, ol.fields.columns { zoom: 1; }

ul.fields.columns li, ol.fields.columns li { float: left; margin-right: 1.5em; }

ul.fields.columns li.clear, ol.fields.columns li.clear { clear: both; }

ul.fields li.select-group select, ul.fields fieldset.select-group select, ol.fields li.select-group select, ol.fields fieldset.select-group select { display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; *zoom: 1; }

ul.fields li.select-group select[size], ul.fields fieldset.select-group select[size], ol.fields li.select-group select[size], ol.fields fieldset.select-group select[size] { vertical-align: top; }

div.form { margin-top: 0em; margin-bottom: 1.42857em; }

div.form label { display: block; line-height: 1.42857em; font-weight: bold; }

div.form fieldset legend { display: block; margin-bottom: 30px; font-size: 21px; line-height: 40px; -webkit-margin-collapse: separate; }

input[type=radio]:focus, input[type=checkbox]:focus, button:focus, input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=datetime]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=week]:focus, input[type=month]:focus, select:focus, textarea:focus { outline: none; }

button, input[type=button], input[type=submit], input[type=reset] { width: auto; height: auto; }

input[type=email], input[type=password], input[type=text], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=datetime], input[type=date], input[type=datetime-local], input[type=week], input[type=month], select, textarea { border-style: solid; border-width: 1px; border-color: #cccccc; outline: none; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }

input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=datetime]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=week]:focus, input[type=month]:focus, select:focus, textarea:focus { border-color: #0066a4; }

input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus, select:focus { border-color: #0066a4; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #c4c4c4; }

input[type=email], input[type=password], input[type=text], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=datetime], input[type=date], input[type=datetime-local], input[type=week], input[type=month], textarea { margin: 0.42857em 0; padding: 0.21429em 0.25em; line-height: normal !important; height: 1.7em;width:100%;}

input[type=file] { height: 2.2em; vertical-align: middle; }

textarea { height: auto; }

select { height: 26px; padding: 4px; margin-top: 0.5em; margin-bottom: 0.64286em; }

select option { padding-right: 32px; }

select[size] { border-style: solid; display: block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-top: 0.35714em; margin-bottom: 0.78571em; padding-top: 0.14286em; height: auto; }

select[size] option { text-indent: .3em; }

select[size][size='1'] { height: 20px; }

select[size][size='2'] { height: 40px; }

select[size][size='3'] { height: 60px; }

select[size][size='4'] { height: 80px; }

select[size][size='5'] { height: 100px; }

select[size][size='6'] { height: 120px; }

select[size][size='7'] { height: 140px; }

select[size][size='8'] { height: 160px; }

input[type=radio], input[type=checkbox] { display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; *zoom: 1; margin-right: .5em; }

input[type=radio] + label, input[type=checkbox] + label { display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; *zoom: 1; }

input[disabled], textarea[disabled], input.disabled, textarea.disabled { cursor: not-allowed; border-color: #dddddd; color: #cccccc; background-color: #eee; }

input + .hint, textarea + .hint { display: block; color: #aaaaaa; font-size: 0.85714em; line-height: 1.66667em; }

input.invalid, textarea.invalid, select.invalid { border-color: #c43c35; color: #c43c35; }

input.invalid + .hint, textarea.invalid + .hint, select.invalid + .hint { display: none; }

input.invalid + .error, textarea.invalid + .error, select.invalid + .error { display: block; }

fieldset legend { display: block; margin-bottom: 30px; font-size: 21px; line-height: 40px; -webkit-margin-collapse: separate; }

ul.inline-list, ol.inline-list { white-space: nowrap; list-style: none; display: block; letter-spacing: -4px; word-spacing: -4px; margin-left: 0; }

ul.inline-list li, ol.inline-list li { display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; *zoom: 1; letter-spacing: normal; word-spacing: normal; }

ul.inline-list li *, ol.inline-list li * { letter-spacing: normal; word-spacing: normal; }

ul.inline-list li a, ol.inline-list li a { display: block; white-space: normal; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; *zoom: 1; }

ul.floated-list, ol.floated-list { list-style: none; display: block; margin-left: 0; }

ul.floated-list li, ol.floated-list li { display: block; float: left; }

ul.floated-list li a, ol.floated-list li a { display: block; }

body { width: 1140px; max-width: 98%; margin: 0 auto; }

#wrapper { margin: 0 20px; overflow: hidden; }

#heading { height: 115px; position: relative; border-bottom: 1px solid #666666; margin-bottom: 0.64286em; overflow: visible; }

#logo { width: 300px; max-width: 100%; height: 100%; background: url("/assets/logo.svg?1338481753") 50% 62% no-repeat; text-indent: -9999em; display: block; border-bottom: 10px solid #0066a4; position: relative; top: -10px; z-index: 100; background-size: 100% auto; }

#main_navigation { position: absolute; bottom: 0px; right: 2em; left: 0px; text-align: right; overflow: visible; }

#main_navigation h3 { clip: rect(1px, 1px, 1px, 1px); clip: rect(1px 1px 1px 1px); position: absolute; font-family: 'Gudea', 'Helvetica Nueue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 1.07143em; line-height: 2.66667em; margin: 0; cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -moz-touch-callout: none; touch-callout: none; }

#main_navigation h3:before { content: '\25BA'; color: #0066a4; display: inline-block; vertical-align: baseline; font-size: .9em; margin-right: .25em; }

#main_navigation a { border-style: solid; border-color: #bdbdbe; border-width: 0; }

#main_navigation > ul.no-js > li a, #main_navigation > ul.marker > li a { border-width: 0 0 10px 0; border-color: transparent; margin-bottom: 1px; }

#main_navigation > ul { background: none; }

#main_navigation > ul li { margin-left: 2em; position: relative; }

#main_navigation > ul li:hover ul { display: block; }

#main_navigation > ul > li a { padding: 0.35714em 0; display: block; font-family: 'Gudea', 'Helvetica Nueue', Helvetica, Arial, sans-serif; font-weight: normal; text-decoration: none; color: #666666; font-size: 1.07143em; line-height: 1.33333em; margin-bottom: 11px; position: relative; }

#main_navigation > ul > li a.active { color: #bdbdbe; border-color: #bdbdbe; }

#main_navigation ul li ul { position: absolute; top: 100%; background: white; padding: .25em 1em; z-index: 1000; text-align: left; margin: 0; min-width: 125px; display: none; }

#main_navigation ul li ul li { display: block; padding: 0; margin: 0; border-width: 1px 0 0 0; }

#main_navigation ul li ul li:first-child a { border-width: 0px !important; }

#main_navigation ul li ul a { font-size: 0.85714em; line-height: 2.25em; padding: 0 .25em; white-space: nowrap; margin: 0; border-width: 1px 0 0 0 !important; border-color: #bdbdbe !important; }

#main_navigation ul li ul a:hover { color: #0066a4; }

#main_navigation ul li ul a.active { color: #bdbdbe; }

#main_navigation span.marker { display: block; background: #bdbdbe; height: 10px; position: absolute; bottom: 0px; z-index: 100; }

#banner { max-width: 100%; position: relative; color: white; border-bottom: 10px solid #bdbdbe; margin-bottom: 2.14286em; overflow: hidden; }

#banner h4, #banner h2 { position: absolute; top: 6%; left: 2%; max-width: 68%; margin: 0; font-size: 6em; line-height: .75; text-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px; opacity: 0.9; z-index: 10; }

#banner img { z-index: 5; width: 100%; border-bottom: 10px solid white; }

#main { padding-bottom: 2.85714em; clear: both; font-family: 'Gudea', 'Helvetica Nueue', Helvetica, Arial, sans-serif; font-weight: normal; }

#main:before, #main:after { content: ""; display: table; }

#main:after { clear: both; }

#main { zoom: 1; }

#footer { border-top: 2px solid #bdbdbe; padding: 1.28571em 0 1.42857em 0; font-size: 1em; line-height: 1.42857em; color: #666666; font-family: 'Gudea', 'Helvetica Nueue', Helvetica, Arial, sans-serif; font-weight: normal; }

#footer nav { float: left; width: 50%; min-width: 500px; }

#footer p.copyright { float: right; width: 50%; min-width: 500px; text-align: right; }

#footer p.copyright span { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; vertical-align: baseline; *display: inline; *vertical-align: auto; *zoom: 1; margin-right: .1em; }

#footer nav ul li { margin-right: 1em; }

#footer a { color: #666666; text-decoration: none; }

.orange { color: #f4b14a; }

.green { color: #669933; }

.blue { color: #0066a4; }

.grey, .gray { color: #666666; }

.dark-blue, .darker-blue { color: #006699; }

.yellow { color: #ff9933; }

.light-blue { color: #0099cc; }

.caps { text-transform: uppercase; }

.white { color: white; }

.clipped { clip: rect(1px, 1px, 1px, 1px); clip: rect(1px 1px 1px 1px); position: absolute; }

.align-center { text-align: center; }

.align-left { text-align: left; }

button.button, input[type=submit] { display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; *zoom: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.95em; line-height: 1.50376em; margin: 0.22556em 0; padding: 0.45113em 1em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; background: #0066a4; color: white; border: 1px solid #005080; text-shadow: #00568b 0px 1px 0px; -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 0 3px 0 inset; -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 0 3px 0 inset; box-shadow: rgba(255, 255, 255, 0.2) 0 0 3px 0 inset; width:100%;}

button.button.large, input[type=submit].large { font-size: 1.1em; line-height: 1.2987em; padding: 0.58442em 1.5em; margin-top: 0; margin-bottom: 0; }

button.button:active, input[type=submit]:active { -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 inset; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 inset; box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 inset; }

button.button:hover, input[type=submit]:hover { background-color: #0073b8; }

button.button:active, input[type=submit]:active { background-color: #005c95; }

h1, h2, h3, h4 { font-weight: normal; font-style: normal; font-family: 'ProximaNovaThBold'; margin-top: 0; }

h1.subhead, h2.subhead, h3.subhead, h4.subhead { font-family: 'Gudea', 'Helvetica Nueue', Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.14286em; line-height: 1.25em; margin: 0 0 0.625em 0; }

article.post { padding-bottom: .5em; padding-left: 45px; position: relative; }

article.post h2 a, article.post h3 a { text-decoration: none; }

article.post h4 { position: absolute; top: 0; left: 0; background: #eee; width: 35px; margin: 0; padding: 5px 0; border: 1px solid #ededed; }

article.post h4 span.month, article.post h4 span.day { display: block; }

article.post h4 span.month { font-size: 10px; font-weight: normal; line-height: 1; }

article.post h4 span.day { font-size: 16px; }

#main.grid section.cell, #main.grid div.cell, #main.grid ul.columns li { float: left; width: 20%; margin: 0 2.5%; min-width: 175px; }

#main.grid ul.columns { margin: 0; padding: 0; text-align: left; }

#main.grid ul.columns li.cell { margin-bottom: 3em; }

#main.grid ul.columns li.cell a { display: block; width: 100%; position: relative; overflow-x: hidden; }

#main.grid ul.columns li.cell a img { border: none; width: 100%; }

#main.grid ul.columns li.cell a span.label { position: absolute; bottom: 0; left: .5em; right: .5em; }

#main.half div.left a span.label { position: absolute; bottom: 0; left: .5em; right: .5em; }

span.label { font-family: 'Gudea', 'Helvetica Nueue', Helvetica, Arial, sans-serif; font-weight: bold; }

#main.one-three section.left, #main.one-three div.left, #main.one-three aside.left { float: left; width: 28%; margin-left: 2%; }

#main.one-three section.right, #main.one-three div.right, #main.one-three aside.right { float: right; width: 65%; margin-right: 2%; }

#main.three-one section.left, #main.three-one div.left, #main.three-one aside.left { float: left; width: 55%; margin-left: 2%; }

#main.three-one section.right, #main.three-one div.right, #main.three-one aside.right { float: right; width: 38%; margin-right: 2%; }

#main.three-one div.left img, #main.three-one div.right img, #main.three-one section.left img, #main.three-one section.right img, #main.three-one aside.right img, #main.three-one aside.left img, #main.one-three div.left img, #main.one-three div.right img, #main.one-three section.left img, #main.one-three section.right img, #main.one-three aside.right img, #main.one-three aside.left img { max-width: 100%; }

#main.four-one div.left img, #main.four-one div.right img, #main.four-one section.left img, #main.four-one section.right img, #main.four-one aside.right img, #main.four-one aside.left img { max-width: 100%; }

#main.four-one div.left, #main.four-one section.left, #main.four-one aside.left , #main.grid div.left{ float: left; width: 70%; margin-left: 2%; }

#main.four-one div.right, #main.four-one section.right, #main.four-one aside.right { float: right; margin-right: 2%; width: 22%; }

#main.half div.left, #main.half div.right, #main.half section.left, #main.half section.right { width: 47%; }

#main.half div.left, #main.half section.left { float: left; margin-left: 2%; }

#main.half div.right, #main.half section.right { float: right; margin-right: 2%; }

section.cell:before, section.cell:after, article.cell:before, article.cell:after, li.cell:before, li.cell:after { content: ""; display: table; }

section.cell:after, article.cell:after, li.cell:after { clear: both; }

section.cell, article.cell, li.cell { zoom: 1; }

section.cell a.overlay, article.cell a.overlay, li.cell a.overlay { position: relative; display: block; width: 100%; margin: 0 0 0.71429em 0; overflow-x: hidden; }

section.cell a.overlay img, article.cell a.overlay img, li.cell a.overlay img { border: none; width: 100%; }

a.icon-play, a.icon-plus, a.icon-none { position: relative; display: block; width: 100%; margin: 0 0 0.71429em 0; overflow: hidden; background-color: white; background-position: center; background-repeat: no-repeat; }

a.icon-play img, a.icon-play span, a.icon-plus img, a.icon-plus span,a.icon-none img, a.icon-none span { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; opacity: 1; }

a.icon-play:hover img, a.icon-play:hover span, a.icon-plus:hover img, a.icon-plus:hover span, a.icon-none:hover img, a.icon-none:hover span { opacity: .4; }

a.icon-play { background-image: url("/assets/icons/play.png?1338494909"); }

a.icon-plus { background-image: url("/assets/icons/plus.png?1338494888"); }

div.debug { font-size: 11px; text-transform: uppercase; clear: both; }

div.debug span { display: none; }

#modal_window { position: fixed; background: white; z-index: 1000; padding: 10px; display: none; border-radius: 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 7px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 7px; box-shadow: rgba(0, 0, 0, 0.3) 0 3px 7px; top: 50%; left: 50%; max-width: 600px; }

#modal_window a.close { position: absolute; bottom: -24px; right: 0px; height: 24px; width: 24px; display: block; text-indent: -9999em; background: url("/assets/icons/close.png?1341255986") center no-repeat; cursor: pointer; cursor: hand; z-index: 1100; }

#modal_window.video { width: 640px; height: 360px; }

#modal_window.caption > img, #modal_window.caption > iframe { margin-bottom: 5px; }

#modal_window div.modal-caption { padding: .5em 0; }

#modal_backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 500; display: none; background-color: rgba(0, 0, 0, 0.8); }

#breadcrumb { margin: 0 0 1.42857em 0; }

#breadcrumb li { padding-left: 24px; background: url("/assets/breadcrumb.png?1353096337") center left no-repeat; margin-right: 2px; }

#breadcrumb li a { display: block; font-size: 12px; text-decoration: none; color: #bdbdbe; }

#breadcrumb li:first-child { padding-left: 0; background: none; }

#breadcrumb li:last-child a { color: #0066a4; }

#banner + #breadcrumb { margin-top: -1.42857em; }

#recent_news li { margin-bottom: 1.42857em; }

#recent_news a.title { display: block; }

/* Desktops and laptops ----------- */
@media only screen and (min-width: 992px) { div.debug span.size-992 { display: block; } }
/* Desktops and laptops, smalller ----------- */
@media only screen and (min-width: 768px) and (max-width: 991px) { #main.grid section.cell, #main.grid div.cell, #main.grid article.cell, #main.grid ul.columns li { width: 45%; }
  #banner h4 { font-size: 5em; max-width: 80%; }
  div.debug span.size-768 { display: block; } }
/* Small/Tablet ----------- */
@media only screen and (min-width: 600px) and (max-width: 767px) { #main.grid section.cell, #main.grid div.cell, #main.grid article.cell, #main.grid ul.columns li { width: 45%; }
  #banner h4 { font-size: 4.2em; max-width: 90%; }
  div.debug span.size-600 { display: block; } }
@media only screen and (min-width: 480px) and (max-width: 599px) { #banner { height: 200px; }
  #banner img { width: auto; height: 95%; }
  #banner h4 { font-size: 3.95em; max-width: 90%; }
  #main.grid section.cell, #main.grid div.cell, #main.grid article.cell, #main.grid ul.columns li { width: 45%; }
  #modal_window.video { width: 460px; height: 260px; }
  #modal_window.image { width: 460px; margin-left: -230px; }
  #modal_window.image img { width: 100%; }
  div.debug span.size-480 { display: block; } }
/* Phone sizes, for desktop ----------- */
@media only screen and (min-width: 320px) and (max-width: 479px) { #banner { height: 150px; }
  #banner img { width: auto; height: 95%; }
  #banner h4 { font-size: 2.75em; max-width: 90%; }
  #main { padding-bottom: 1em; }
  #main.grid section.cell, #main.grid article.cell, #main.grid div.cell, #main.grid ul.columns li { width: 98%; margin-left: auto; margin-right: auto; float: none; }
  #main.grid a.overlay { width: 45%; float: left; }
  #main.grid a.overlay img { width: 150%; }
  #main.grid a.overlay + p { width: 50%; float: right; }
  #main.one-three section.left, #main.one-three div.left, #main.one-three aside.left, #main.three-one section.left, #main.three-one div.left, #main.three-one aside.left { float: none; width: 100%; margin: 0; padding: 0 2%; }
  #main.one-three section.right, #main.one-three div.right, #main.one-three aside.right, #main.three-one section.right, #main.three-one div.right, #main.three-one aside.right { float: none; width: 100%; margin: 0; padding: 0 2%; }
  #modal_window { max-width: 300px; }
  #modal_window.video { width: 300px; height: 169px; }
  #modal_window.image { width: 300px; margin-left: -150px; }
  #modal_window.image img { max-width: 100%; }
  div.debug span.size-phone { display: block; } }
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { #banner h4 { font-size: 2.4em; max-width: 90%; }
  div.debug span.size-phone { display: block; } }
@media only screen and (min-width: 320px) and (max-width: 599px) { #main.grid ul.columns li.cell { margin-bottom: 2em; } }
@media only screen and (max-width: 700px) { #main.four-one div.right, #main.four-one section.right, #main.four-one aside.right, #main.four-one div.left, #main.four-one section.left, #main.four-one aside.left { float: none; width: 96%; margin-left: 2%; margin-right: 2%; }
  #news #main.four-one #recent_news { width: auto; margin: 0 4%; padding: 2em; background: #f2f2f2; } }
@media only screen and (min-width: 320px) and (max-width: 599px) { #heading { height: auto; }
  #heading:before, #heading:after { content: ""; display: table; }
  #heading:after { clear: both; }
  #heading { zoom: 1; }
  #logo { margin: 0 auto; width: 100%; height: 75px; border-bottom-width: 5px; position: static; }
  #main_navigation { width: 100%; position: static; text-align: left; padding: 0; }
  #main_navigation h3 { clip: auto; position: static; }
  #main_navigation > ul { display: none; overflow: hidden; white-space: normal; }
  #main_navigation > ul > li:last-child > a { border-bottom: none; }
  #main_navigation > ul a { padding: 0 .25em; font-size: 0.85714em; line-height: 2.5em; margin-bottom: 0px !important; }
  #main_navigation > ul a:hover { color: #0066a4; }
  #main_navigation > ul a.active + ul { display: block; }
  #main_navigation li { display: block; margin: 0 !important; }
  #main_navigation span.marker { display: none; }
  #main_navigation ul li ul { width: 100%; position: static; padding: 0; }
  #main_navigation ul li ul a { padding: 0 .25em 0 1.5em; font-size: 0.85714em; line-height: 2.5em; }
  #main_navigation a { border-width: 0 0 1px 0 !important; border-color: #bdbdbe !important; }
  #main_navigation.open h3:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  #main.half div.left, #main.half div.right, #main.half section.left, #main.half section.right { width: 100%; float: none; }
  #footer p.copyright { float: none; clear: both; text-align: left; font-size: 0.78571em; line-height: 1.81818em; } }
#holiday_card { white-space: normal; }

#holiday_card li { position: relative; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; height: 200px; width: 14.5%; min-width: 125px; margin: 0 1% 1em 1%; white-space: normal; }

#holiday_card li div.front, #holiday_card li div.back { position: absolute; top: 0px; left: 0px; right: 0px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; bottom: 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }

#holiday_card li div.front { z-index: 500; background: #ccc; height: 100%; width: 100%; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); overflow: hidden; }

#holiday_card li div.front img { max-width: 100%; }

#holiday_card li div.back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: 400; color: white; font-size: 0.92857em; line-height: 1.15385em; background: #669933; }

#holiday_card li div.back span { display: block; padding: 15px; }

#holiday_card li div.back span span { display: block; padding: .5em 0 0 0; }

#holiday_card li.flipped div.front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: 400; }

#holiday_card li.flipped div.back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 500; }

#holiday_card li.red div.back { background: red; }

#holiday_card li.green div.back { background: #669933; }

html.lt-ie9 > body #holiday_card li { overflow: hidden; }

html.lt-ie9 > body #holiday_card li.flipped div.front { z-index: 500; }

html.lt-ie9 > body #holiday_card li.flipped div.back { z-index: 400; }

@media only screen and (min-width: 481px) and (max-width: 599px) { #holiday_card > li { width: 29%; margin-right: 2%; margin-left: 2%; } }
@media only screen and (min-width: 320px) and (max-width: 400px) { #holiday_card li { width: 96%; margin: 0 2% 1em 2%; height: 375px; } }
